<template>
	<view class="page" v-if="loadding" :style="{minHeight:windowHeight+'px'}">
		<view class="about" v-html="about.article_content"></view>
		<!-- <view class="msgagreem-item" v-if="msgShow">
			<view @click="close">
				<image src="../../../static/app/close.png"></image>
			</view>
			<view class="msgagreem" v-html="about.article_content" >
				
			</view>
		</view> -->
		<!-- <view class="top-head">
			<view class="head-l"> 
				<image src="../../../static/jiaotou1.png" @click="gotoPage('/pages/user/index/index')"></image>	
			</view>
			<view class="head-title">关于我们</view> 
			<view class="head-r"></view>
		</view> -->
		<!-- 	<view class="head-img">
			<image  src="../../../static/our.png"></image>
		</view>
		<view class="content-head">
			<view class="content-headone">
				<image src="../../../static/quote-right.png"></image>
				<text>旅游帮 帮你赚钱</text>
				<image src="../../../static/quote-left .png"></image>
			</view>
			<view class="content-headone-item">
				
				<text>
					“滴滴出行”App改变了传统打车方式，建立培养出大移动互联网时代下引领的用户现代化出行方式。较比传统电话召车与路边招车来说，滴滴打车的诞生更是改变了传统打车市场格局，颠覆了路边拦车概念，利用移动互联网特点，将线上与线下相融合，从打车初始阶段到下车使用线上支付车费，画出一个乘客与司机紧密相连的o2o闭环，最大限度优化乘客打车体验，改变传统出租司机等客方式，让司机师傅根据乘客目的地按意愿“接单”，节约司机与乘客沟通成本，降低空驶率，最大化节省司乘双方资源与时间。
				</text>
				<text class="content-headone-item-text2">
					从打车初始阶段到下车使用线上支付车费，画出一个乘客与司机紧密相连的o2o闭环，最大限度优化乘客打车体验，改变传统出租司机等客方式，让司机师傅根据乘客目的地按意愿“接单”，节约司机与乘客沟通成本，降低空驶率，最大化节省司乘双方资源与时间。
				</text>
				<image class="img-our2" src="../../../static/our2.png"></image>
			</view>			
			<view class="content-headtwo">
				<h3>企业文化</h3>			
				<text>
					“滴滴出行”App改变了传统打车方式，建立培养出大移动互联网时代下引领的用户现代化出行方式。较比传统电话召车与路边招车来说，滴滴打车的诞生更是改变了传统打车市场格局，颠覆了路边拦车概念，利用移动互联网特点，将线上与线下相融合，从打车初始阶段到下车使用线上支付车费，画出一个乘客与司机紧密相连的o2o闭环，最大限度优化乘客打车体验。
				</text>
				<image class="img-our4" src="../../../static/our4.png"></image>
			</view>
			<view class="content-headtwo content-headthree">
				<h3>社会价值</h3>				
				<text>
					“滴滴出行”App改变了传统打车方式，建立培养出大移动互联网时代下引领的用户现代化出行方式。较比传统电话召车与路边招车来说，滴滴打车的诞生更是改变了传统打车市场格局，颠覆了路边拦车概念，利用移动互联网特点，将线上与线下相融合，从打车初始阶段到下车使用线上支付车费，画出一个乘客与司机紧密相连的o2o闭环，最大限度优化乘客打车体验，改变传统出租司机等客方式，让司机师傅根据乘客目的地按意愿“接单”，节约司机与乘客沟通成本，降低空驶率，最大化节省司乘双方资源与时间。
				</text>
				<image class="img-our4 img-out3" src="../../../static/out3.png"></image>
			</view>
		</view> -->
		<!-- 没有记录 -->
		<!-- <view class="d-c-c p30" v-if="about.length == 0">
			<text class="iconfont icon-wushuju"></text>
			<text class="cont">亲，暂无相关记录哦</text>
		</view> -->
		<!-- <uni-load-more class="not" v-else :loadingType="loadingType"></uni-load-more> -->
	</view>
</template>

<script>
	import uniLoadMore from '@/components/uni-load-more.vue';
	export default {
		components: {
			uniLoadMore
		},
		data() {
			return {
				about: '',
				loadding: false,
				windowHeight: '',
				msgShow: true,
			};
		},
		onLoad() {
			this.getData();
			uni.getSystemInfo({
				success: (res) => {
					this.windowHeight = res.windowHeight;
				}
			});
		},
		onPullDownRefresh() {
			this.getData();
			setTimeout(() => {
				uni.stopPullDownRefresh();
			}, 1000);
		},
		computed: {
			/*加载中状态*/
			loadingType() {
				if (this.loadding) {
					return 1;
				} else {
					if (this.about.length != 0) {
						return 2;
					} else {
						return 0;
					}
				}
			}
		},
		methods: {
			/*获取数据*/
			getData() {
				let self = this;
				uni.showLoading({
					title: '加载中'
				});
				self._get('plus.article.article/detail', {
						article_id: 10009
					},
					function(res) {
						//console.log(res.data.abus)
						self.about = res.data.detail;
						//var a = JSON.parse(self.about);
						//console.log(a); 
						self.loadding = true;
						uni.hideLoading();
					});
				// self._get('home/msgContent', {}, function(res) {
				// 	console.log(res.data.abus)
				// 	self.about = res.data.abus;
				// 	self.loadding = true;
				// 	uni.hideLoading();
				// });
			},
			/*跳转页面*/
			gotoPage(path) {
				let self = this;
				if (path.startsWith('/')) {
					uni.navigateTo({
						url: path
					});
				} else {
					self[path]();
				}
			}
		}
	}
</script>

<style lang="scss">
	@import 'about-us.css';
</style>
